import React,{Component,PropTypes} from "react"

import Header from "./Header"
import LeftBar from "./LeftBar"
import Footer from "./Footer"

export default class AppBar extends Component{
  constructor(props){
    super(props)
  }

  getStyles(){
    return {
      main:{
        position: "relative",
        minHeight: "100%",
      }
    }
  }

  render(){
    const styles=this.getStyles();
    return (
      <div>
        <Header/>
        <main style={styles.main}>
          <LeftBar/>
          {this.props.children}
          <Footer/>
        </main>
      </div>
    );
  }
}
